@charset "utf-8";
/* -----------------------------------------------------------------
 base
----------------------------------------------------------------- */
.ft .box_layout .add {
  color: #0d6fb8;
}
.ft .box_layout .ft_nav .item,
.ft .box_layout .ft_nav .item a{
  color: #0d6fb8;
}
.ft .copyright {
  letter-spacing: 0;
  font-family: 'Roboto', sans-serif;
  color: #0d6fb8;
}
.ft[data-midnight="black"] .box_layout .add,
.ft[data-midnight="black"] .copyright {
  color: #fff;
}
@media print, screen and (min-width: 1180px) {
  .ft {
    margin-top: -1px;
    padding-top: 90px;
    background: rgb(172,206,231);
    background: linear-gradient(0deg, rgba(172,206,231,1) 0%, rgba(255,255,255,1) 200px);
  }
  .ft[data-midnight="black"] {
    margin-top: 0;
    background: rgba(0,0,0,.5);
  }
  .ft .inner,
  .ft .copyright{
    width: 100%;
    padding: 0 5.7vw 0 7.26vw;
  }
  .ft .logo{
    display: block;
  }
  .ft .logo,
  .ft .logo img {
    width: 222px;
  }
  .ft .sns_link {
    display: none;
  }
  .ft .box_layout {
    display: flex;
    justify-content: space-between;
    margin-top: 75px;
  }
  .ft .box_layout .add {
    flex-shrink: 0;
    margin-top: 7px;
    font-size:15px;
    font-size:0.94rem;
  }
  .ft .box_layout .ft_nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .ft .box_layout .ft_nav .item,
  .ft .box_layout .ft_nav .item a{
    font-size:13px;
    font-size:0.81rem;
  }
  .ft .box_layout .ft_nav .item {
    margin-left: 3.1em;
  }
  .ft .box_layout .ft_nav .item a {
    display: block;
    padding: 9px 0;
    font-weight: bold;
  }
  .ft .box_layout .ft_nav .item.kpm_link img {
    width: 69px;
  }
  .ft .copyright {
    margin-top: 40px;
    padding-top: 18px;
    padding-bottom: 30px;
    border-top: #e3e3e3 1px solid;
    font-size:12px;
    font-size:0.75rem;
  }
  .ft[data-midnight="black"] .copyright {
    border-top: none;
  }
  /**English**/
  html[lang="en"] .ft .box_layout .add {
    font-size:17px;
    font-size:1.06rem;
  }
  html[lang="en"] .ft .copyright{
    font-size:12px;
    font-size:0.75rem;
  }
}

@media screen and (max-width: 1179px) {
  .ft {
    margin-top: -1px;
    padding-top: 130px;
    padding-bottom: 40px;
    background: rgb(172,206,231);
    background: linear-gradient(0deg, rgba(172,206,231,1) 0%, rgba(255,255,255,1) 318px);
  }
  .ft .inner,
  .ft .copyright{
    width: 100%;
    padding: 0 4vw 0 4vw;
  }
  .ft .logo {
    display: block;
    text-align: center;
    
  }
  .ft .logo img {
    display: inline;
    width: 29.6vw;
    max-width: 180px;
  }
  .ft .sns_link {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .ft .sns_link .item {
    margin: 30px 15px 0;
  }
  .ft .sns_link .item:nth-of-type(1) {
    width: 22px;
  }
  .ft .sns_link .item:nth-of-type(2) {
    width: 22px;
  }
  .ft .sns_link .item:nth-of-type(3) {
    width: 28px;
  }
  .ft .sns_link .item:nth-of-type(4) {
    width: 22px;
  }
  .ft .box_layout .add {
    margin-top: 32px;
    text-align: center;
    font-size:12px;
    font-size:0.86rem;
  }
  .ft .box_layout .ft_nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 17px;
    margin-left: auto;
    margin-right: auto;
  }
  .ft .box_layout .ft_nav .item,
  .ft .box_layout .ft_nav .item a {
    font-size:12px;
    font-size:0.86rem;
  }
  .ft .box_layout .ft_nav .item {
    margin-top: .4em;
  }
  .ft .box_layout .ft_nav .item:nth-of-type(1) {
    border-left: none;
  }
  .ft .box_layout .ft_nav .item a {
    display: block;
    margin: 0 1em;
  }
  
  .ft .box_layout .ft_nav .item.kpm_link {
    position: absolute;
    bottom: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .ft .box_layout .ft_nav .item.kpm_link img {
    width: 65px;
  }
  .ft .copyright {
    padding-top: 23px;
    padding-bottom: 63px;
    text-align: center;
    font-size:10px;
    font-size:0.71rem;
  }
  .ft[data-midnight="black"] {
    margin-top: 0;
    background: rgba(0,0,0,.5);
  }

}
@media screen and (min-width: 501px) and (max-width: 1000px) {
  .ft .box_layout .ft_nav {
    width: 430px;
  }
  .ft .box_layout .ft_nav .item:nth-of-type(3),
  .ft .box_layout .ft_nav .item:nth-of-type(6){

  }
}